<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>budding - Free CSS Template by ZyPOP</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--
budding, a free CSS web template by ZyPOP (zypopwebtemplates.com/)

Download: http://zypopwebtemplates.com/

License: Creative Commons Attribution
//-->
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
</head>
<body>
<div id="container">
  
    <header>
	  <div class="width" style="height:100px">
        	<div id="login">
            	<button>Login</button>&nbsp;&nbsp;
                <button>sign up</button>
            </div>
            <a href="" id="logo"></a>
            
    		
       	</div>
        
    </header>

    <nav>
	<div class="width">
    		<ul>
        		<li class="start selected"><a href="index.jsp">Home</a></li>
        	    <li ><a href="homeStudent.jsp">Student</a></li>
         	   	<li><a href="homeTeacher.jsp">Teacher</a></li>
          	  	<li><a href="tour.jsp">Tour</a></li>
          	 	<li class="end"><a href="contact.jsp">Contact</a></li>
        	</ul>
	</div>
    </nav>

    <div id="body" class="width">

		

		<section id="content">
			<article>
            	<h2>Home page</h2>
				<p>this is like fb news feed</p>
            
      		</article>
		
        </section>
        
        <aside class="sidebar">
	
            <ul>	
              
                
                <li class="bg">
                    <h4>About us</h4>
                    <ul>
                        <li class="text">
                        	<p style="margin: 0;">Aenean nec massa a tortor auctor sodales sed a dolor. Duis vitae lorem sem. Proin at velit vel arcu pretium tortor auctor sodales sed a dolor. Duis vitae lorem sem. Proin at velit vel arcu pretium tortor auctor sodales sed a dolor. Duis vitae lorem sem. Proin at velit vel arcu pretium luctus. 					<a href="#" class="readmore">Read More &raquo;</a></p>
                        </li>
                    </ul>
                </li>

                
               
                
            </ul>
		
        </aside>
    	<div class="clear"></div>
		
		
    </div>
 <footer>
        <div class="footer-content width">
            <ul>
            	<li><h4>Proin accumsan</h4></li>
                <li><a href="#">Rutrum nulla a ultrices</a></li>
                <li><a href="#">Blandit elementum</a></li>
          
            </ul>
            
            <ul>
            	<li><h4>Condimentum</h4></li>
                <li><a href="#">Curabitur sit amet tellus</a></li>
                <li><a href="#">Morbi hendrerit libero </a></li>
                
            </ul>
            
            <ul class="endfooter">
            	<li><h4>Suspendisse</h4></li>
                <li><a href="#">Morbi hendrerit libero </a></li>
                <li><a href="#">Proin placerat accumsan</a></li>
              
            </ul>
            
            <div class="clear"></div>
        </div>
        <div class="footer-bottom">
            <p>&copy; FinalProject.com. <a href="http://idex.com/">Exam solutions</a> by Team Cosmas</p>
         </div>
    </footer>
</div>
</body>
</html>